/* 
    Document   : lecteurLayout
    Created on : 20 août 2012, 15:55:05
    Author     : LadyDuction
    Description:
        Purpose of the stylesheet follows.
*/

body {
    background-color: #fff;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 14px;
    color: #000000;
    width: 40%;
    height: 20%;
}    

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF; 
    font-size:  20px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: darkblue ;
}

button {
    cursor: pointer;
}
#audio{display:none}

#container
{
    min-width: 40%;
    min-height: 30%;
    text-align:center;
    padding-left: 0px;
    background: #fff;
    position: static;
    border:1px solid #CCC;

}

#controls {
    position: relative;
    text-align:center;
    z-index: 2;
    background: #fff;
    padding: 0%;
    width: 100%;
}

#time {
    width: 90%;
    height: 10px;
    display: inline-block;
}

#time > div {
    background: blue;
}
#preset{
    vertical-align: middle;
}

/* Table pour le titre et durée */
.title_duration{
    width: 100%;
}
.title_duration th {
    margin-top: auto; 
    margin-bottom: auto;
    width: 80%;
}
.title_duration td {
    margin-top: auto; 
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
}

/* Table de controles */
.control_table {
    width:50%;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto; 
    border-collapse:collapse;
    empty-cells: show;
    border:1px;
    border-bottom-style: groove;
    border-top-style: groove;
}

.control_table td {
    margin-top: auto; 
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
}

.control_table th {
    margin-top: auto; 
    margin-bottom: auto;
    width: 60%;
}

/*bouton prec */
.prec a {
    display:block;
    width:21px;
    height:21px;
    float: right; 
    margin-right: 10%;
    margin-top: 4px;
    color:white;
    text-decoration:none;
}

/*bouton suiv */
.suiv a {
    display:block;
    width:21px;
    height:21px;
    float: right; 
    margin-right: 10%;
    margin-top: 4px;
    color:white;
    text-decoration:none;
}

/*bouton play */
.play a {
    display:block;
    width:21px;
    height:21px;
    float: right; 
    margin-right: 10%;
    margin-top: 4px;
    color:white;
    text-decoration:none;
}

/*bouton pause */
.pause a {
    display:block;
    width:21px;
    height:21px;
    float: right; 
    margin-right: 10%;
    margin-top: 4px;
    color:white;
    text-decoration:none;
}

/*bouton stop */
.stop a {
    display:block;
    width:21px;
    height:21px;
    float: right; 
    margin-right: 10%;
    margin-top: 4px;
    color:white;
    text-decoration:none;
}

/*boutons volume */
.volume a {
    display:block;
    width:21px;
    height:21px;
    float: right; 
    margin-right: 10%;
    margin-top: 4px;
    color:white;
    text-decoration:none;
}

#volumebar {
    float: right;
    width: 100%;
    height: 8px;
    display: inline-block;
}
